<d-tabs [(activeTab)]="ui.activeview" (activeTabChange)="activeTabChange($event)">
    <d-tab *ngFor="let item of ui.contentviews" [id]="item.title">
        <ng-template dTabTitle>
            <div>
                <i class="{{ui.getIcon(item.viewtype)}}"></i> {{ item.title }}
                <d-button icon="icon-close" bsStyle="text-dark" title="delete" (btnClick)="ui.remove(item)"></d-button>
            </div>
        </ng-template>
        <ng-template dTabContent>
            <app-storyinfo *ngIf="item.viewtype==='storyinfo'" [target]="item.data"></app-storyinfo>

            <app-actorinfo *ngIf="item.viewtype==='actorinfo'" [target]="item.data"></app-actorinfo>
            <app-stuffinfo *ngIf="item.viewtype==='stuffinfo'" [target]="item.data"></app-stuffinfo>
            <app-eventinfo *ngIf="item.viewtype==='eventinfo'" [target]="item.data"></app-eventinfo>
            <app-clueinfo *ngIf="item.viewtype==='clueinfo'" [target]="item.data"></app-clueinfo>
            <app-groupinfo *ngIf="item.viewtype==='groupinfo'" [target]="item.data"></app-groupinfo>
            <app-locationinfo *ngIf="item.viewtype==='locationinfo'" [target]="item.data"></app-locationinfo>
            <app-taskinfo *ngIf="item.viewtype==='taskinfo'" [target]="item.data"></app-taskinfo>
            <app-panoramaview *ngIf="item.viewtype==='panorama'" [target]="item.data"></app-panoramaview>
            <app-expressview *ngIf="item.viewtype==='express'" [target]="item.data"></app-expressview>
            <app-entity-destiny-view *ngIf="item.viewtype==='destiny'" [target]="item.data"></app-entity-destiny-view>
        </ng-template>
    </d-tab>
</d-tabs>